<template>
  <div class="noFunctionalPermissions">
    <p>您暂无规划院OTA平台任何功能权限</p>
    <p>点击“ <a>立即注册</a> ”开通对应系统角色功能权限后，方可正常使用规划院OTA平台功能</p>
    <img class="dnImg" src="~@assets/noFunctionalPermissions.png">
    <a-button class="btn" @click="handleRegister">立即注册</a-button>
  </div>
</template>

<script>
export default {
    data(){
        return{
        }
    },
    methods:{
        handleRegister(){
            this.$router.push({ path: '/user/signUp'})
        }
    }
}
</script>

<style lang="less" scoped>
.noFunctionalPermissions {
    width: 100%;
    height: 100%;
    display:flex;
    align-items:center;
    flex-direction: column;
    p {
        font-size: 24px;
        color: rgba(16, 16, 16, 1);
        font-weight: 500;
        font-family: SourceHanSansSC-regular;
    }
    .dnImg {
        width: 40%;

    }
    .btn {
        width: 30%;
        height: 40px;
        border-radius: 20px;
        border: 1px #4888a4 solid;
        color: #4888a4;
        margin-top: 20px;

    }
}
    &:first-child {
        margin-top: 30px;
    }
</style>
